<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="inside.css" rel="stylesheet" type="text/css">
<title><{$site_name}></title>
<meta name="keywords" content="<{$site_keywords}>" />
<meta name="description" content="<{$site_desc}>" />
<script Language="JavaScript">
function selects() 
{		
	var pro = document.form1.pro.value;
	$.ajax(
		{
			type: "GET",
			url: "selecthome.php",
			data: "id="+pro,
			success: function(msg)
			{ 
			 $("#test1").html(msg);;
			}
		}
	);
}

function selects2() 
{		
	var pro = document.form2.pro.value;
	$.ajax(
		{
			type: "GET",
			url: "selecthome2.php",
			data: "id="+pro,
			success: function(msg)
			{ 
			 $("#test2").html(msg);;
			}
		}
	);
}
</script>

</head>
<body>
<div id="container">
<!--header-->
<{include file="./header.html"}>   
<!--header-->

<!--menu-->
<{include file="./menu.html"}> 
<!--menu-->

<div class="main2">
  <div class="inside-left">
  <table width="520" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td>
	<div id="a-left">
	<table  width="520"  height="317" border="0" cellpadding="0" cellspacing="0" background="images/middle_bg2.gif" style="background-repeat:repeat-x;">

              
         <tr>
          <td width="399" height="56" valign="top" style="padding-left:70px;background-image: url(images/bj-01.gif);background-repeat: no-repeat;background-position: center;"><table width="400" height="60" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="52%"><div align="center"><a href="javascript:void(0)"  onClick="selectTag2('tagContent20',this,1)"  onMouseOver="selectTag2('tagContent20',this,1)"><img name="Image77" src="images/bt-03.gif" width="200" height="32" /></a></div></td>
              <td width="48%"><div align="center"><a href="javascript:void(0)"  onClick="selectTag2('tagContent20',this,2)"  onMouseOver="selectTag2('tagContent21',this,2)"><img name="Image78" src="images/bt-04-2.gif" width="200" height="32" /></a></div></td>
            </tr>
          </table></td>
        </tr>        

      <tr>
        <td height="261" align="center" valign="top">
		<DIV id=con2 style="overflow:hidden;height:250px;"> 
			  
			 <span id=tags2>  </span>
			  
			  <DIV id=div2>
			    <div class="tagContent selectTag" id="tagContent20" style="overflow:hidden;height:250px;width:386px; margin-top:5px;">
<form name="form1" method="post" action="search.php" target="_blank">
       <table width="335" border="0" cellspacing="0" cellpadding="0">
            <tbody>
              <tr>
                <td width="76" height="10">&nbsp;</td>
                <td width="244">&nbsp;</td>
                </tr>
              <tr>
                <td height="22" align="right" style="padding-left:3px"><div align="right">縣 &nbsp; 市：</div></td>
                <td  align="left" style="padding-left:10px;">
                <select name="pro" size="1" id="pro" style="width:150px;"  onChange="selects()">
                  <option value="">請選擇</option>
                  <{section name=key loop=$row4 start=0 max=100 step=1}>
				     <option value="<{$row4[key].cate_id}>"><{$row4[key].zh_cate_title}></option>
			       <{/section}>
                </select> 
                </td>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="images/search03.gif"
}
function mouseOut()
{
document.b1.src ="images/search01.gif"
}
</script>
                </tr>
              <tr>
                <td height="22" align="right" style="padding-left:3px"> <div align="right">區 &nbsp; 域： </div></td>
                <td  align="left" style="padding-left:10px;"><span id="test1">
                      <select name="city" style="width:150px;">
                       <option value="">請選擇</option>
                      </select>  
                     </span></td>
                </tr>
              <tr>
                <td height="22" align="right" style="padding-left:3px"><div align="right">類 &nbsp; 型： </div></td>
                <td  align="left" style="padding-left:10px;"><select name="type" style="width:150px;">
           			 <option value="">請選擇</option>               
			   		<{$typeaa}>
              </select></td>
              </tr>
              <tr>
                <td height="66" colspan="2" ><div align="center"><img src="images/search01.gif" name="b1" id="b1" onmouseover="mouseOver()" onmouseout="mouseOut()"  onclick="submit()"/></div></td>
              </tr>
              
              
              <tr>
                <td height="75" colspan="3" style="margin-top:10px;"><table width="320" height="80"  align="center" cellpadding="0" cellspacing="0" id="sousuo" style="margin-left:25;">
                    <tr>
                      <td height="25" align="center" bgcolor="#BBC681" style="font-size:14px;border: 1px solid #FFFFFF;color:#FFFFFF">&nbsp;房屋編號： </td>
                      <td width="152" align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;
border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;"><input type="text" name="num" style="width:150px; height:18px; border:1px solid #818C4A;" /></td>
                      <td width="51" align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;
border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;"><input type="submit" name="Submit" value="" style="width:37px; height:17px; border:none; background:url(images/submit_1.gif)" /></td>
                    </tr>
                    <tr>
                      <td height="25" align="center" bgcolor="#BBC681" style="font-size:14px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: none;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;border-left-color: #FFFFFF;color:#FFFFFF">&nbsp;地址路名：</td>
                      <td align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;"><input type="text" name="address" style="width:150px; height:18px; border:1px solid #818C4A;" /></td>
                      <td align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;"><input type="submit" name="Submit2" value="" style="width:37px; height:17px; border:none; background:url(images/submit_1.gif)" /></td>
                    </tr>
                    <tr>
                      <td height="25" align="center" bgcolor="#BBC681" style="font-size:14px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: none;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;border-left-color: #FFFFFF;color:#FFFFFF">&nbsp;大樓案名：</td>
                      <td align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;"><input type="text" name="hou_name" style="width:150px; height:18px; border:1px solid #818C4A;" /></td>
                      <td align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;"><input type="submit" name="Submit2" value="" style="width:37px; height:17px; border:none; background:url(images/submit_1.gif)" /></td>
                    </tr>
                </table></td>
              </tr>
            </tbody>
        </table>
        </form>
         </div>
			    <DIV class="tagContent" id="tagContent21" style="overflow:hidden;height:250px;width:386px; margin-top:5px;">
<form name="form2" method="post" action="search.php" target="_blank">       
        <table width="335" border="0" cellspacing="0" cellpadding="0">
            <tbody>
              <tr>
                <td width="335" height="66" ><table width="320" border="0" align="center" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="61">&nbsp;</td>
                    <td width="110">&nbsp;</td>
                    <td width="66">&nbsp;</td>
                    <td width="83">&nbsp;</td>
                  </tr>
                  <tr>
                    <td>縣 &nbsp; 市：</td>
                    <td><select name="pro" size="1" id="pro" style="width:110px;"  onChange="selects2()">
                  <option value="">請選擇</option>
                  <{section name=key loop=$row4 start=0 max=100 step=1}>
				     <option value="<{$row4[key].cate_id}>"><{$row4[key].zh_cate_title}></option>
			       <{/section}>
                </select> </td>
                    <td><div align="right">電 &nbsp; 梯：</div></td>
                    <td>
                      <select name="elevator" style="width:80px">
                        <option value="">不拘</option>
                        <option value="有">有</option>
                        <option  value="無">無</option>
                      </select></td>
                  </tr>
                  <tr>
                    <td>區 &nbsp; 域：</td>
                    <td><span id="test2">
                      <select name="city" style="width:110px;">
                       <option value="">請選擇</option>
                      </select>  
                     </span></td>
                    <td><div align="right">格 &nbsp; 局：</div></td>
                    <td><select name="select5" style="width:80px">
                        <option value="">不拘</option>
							<{$typegj}>
                      </select></td>
                  </tr>
                  <tr>
                    <td>類 &nbsp; 型：</td>
                    <td><select name="type" style="width:110px;">
           			 <option value="">請選擇</option>               
			   		<{$typeaa}>
              </select></td>
                    <td><div align="right">車 &nbsp; 位：</div></td>
                    <td><select name="unit" style="width:80px">
                        <option value="">不拘</option>
                          <option value="無">無</option>
						  <option value="有">有</option>
                            <option value="可租">可租</option>
                      </select></td>
                  </tr>
                  <tr>
                    <td>租 &nbsp; 金：</td>
                    <td><select name="price" style="width:110px;">
                      <option value="">租金不限</option>
                       <option value="5000">5000元</option>
                        <option value="8000">5000-8000元</option>
                         <option value="12000">8000-12000元</option>
                          <option value="15000">12000-15000元</option>
                           <option value="20000">15000-20000元</option>
                            <option value="30000">20000-30000元</option>
                             <option value="50000">30000-50000元</option>
                              <option value="50001">50000元以上</option>                              
                    </select></td>
					
<script type="text/javascript">
function mouseOver1()
{
document.b2.src ="images/search04.gif"
}
function mouseOut1()
{
document.b2.src ="images/search02.gif"
}
function submit2()
{
	document.getElementById("form2").submit();
}
</script>					
					
                    <td colspan="2" rowspan="3">
                      <div align="right" style="padding-top:10px">
                        <img name="b2" src="images/search02.gif" onmouseover="mouseOver1()" onmouseout="mouseOut1()" onclick="submit2()"/>
                        </div></td>
                    </tr>
                  <tr>
                    <td>坪 &nbsp; 數：</td>
                    <td><select name="area" style="width:110px;">
                      <option value="">不拘</option>
                        <{$typeps}>                           
                    </select></td>
                    </tr>
                  <tr>
                    <td>屋 &nbsp; 齡：</td>
                    <td><select name="age" style="width:110px;">                    
                       <option value="">不拘</option>
                        <{$typewl}>    
                    </select></td>
                    </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td height="75" style="margin-top:10px;"><table width="320" height="80"  align="center" cellpadding="0" cellspacing="0" id="sousuo" style="margin-left:25;">
                    <tr>
                      <td height="25" align="center" bgcolor="#BBC681" style="font-size:14px;border: 1px solid #FFFFFF;color:#FFFFFF">&nbsp;房屋編號： </td>
                      <td width="152" align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;
border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;"><input type="text" name="num" style="width:150px; height:18px; border:1px solid #818C4A;" /></td>
                      <td width="51" align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;
border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;"><input type="submit" name="Submit" value="" style="width:37px; height:17px; border:none; background:url(images/submit_1.gif)" /></td>
                    </tr>
                    <tr>
                      <td height="25" align="center" bgcolor="#BBC681" style="font-size:14px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: none;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;border-left-color: #FFFFFF;color:#FFFFFF">&nbsp;地址路名：</td>
                      <td align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;"><input type="text" name="address" style="width:150px; height:18px; border:1px solid #818C4A;" /></td>
                      <td align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;"><input type="submit" name="Submit2" value="" style="width:37px; height:17px; border:none; background:url(images/submit_1.gif)" /></td>
                    </tr>
                    <tr>
                      <td height="25" align="center" bgcolor="#BBC681" style="font-size:14px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: none;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;border-left-color: #FFFFFF;color:#FFFFFF">&nbsp;大樓案名：</td>
                      <td align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;"><input type="text" name="hou_name" style="width:150px; height:18px; border:1px solid #818C4A;" /></td>
                      <td align="center" bgcolor="#DDE7A8" style="border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #FFFFFF;border-bottom-color: #FFFFFF;"><input type="submit" name="Submit2" value="" style="width:37px; height:17px; border:none; background:url(images/submit_1.gif)" /></td>
                    </tr>
                </table></td>
              </tr>
            </tbody>
        </table>
        </form>
        </div>
        </div> 
        </div>		</td>
      </tr>
    </table>
	</div>


<script language="javascript" type="text/javascript">	
	function selectTag2(showContent,selfObj,n){
	// 操作标签
	var tag = document.getElementById("tags2").getElementsByTagName("li");
	var taglength = tag.length;
	for(i=0; i<taglength; i++){
		tag[i].className = "";
	}
	selfObj.parentNode.className = "selectTag2";
	// 操作内容
	for(i=0; j=document.getElementById("tagContent2"+i); i++){
		j.style.display = "none";
	}
	document.getElementById(showContent).style.display = "block";
	
	
	
	
	if(n==1){
	document.Image77.src ="images/bt-03.gif"
	document.Image78.src ="images/bt-04-2.gif"
	
	}
	
	if(n==2){
	document.Image77.src ="images/bt-03-2.gif"
	document.Image78.src ="images/bt-04.gif"
	
	}
	
}
 </script>		  
	
	
	</td>
    <td>&nbsp;</td>
  </tr>
</table>

</div>
    <!--right-->
    <{include file="./right.html"}> 
    <!--right-->
</div>

<!--foot-->
<{include file="./footer.html"}> 
<!--foot-->

</div>
</body>
</html>
